
const autoprefixer = require('autoprefixer');
const pxtorem = require('postcss-pxtorem');

module.exports = {
    outputDir: 'dist', //build输出目录
    assetsDir: 'assets', //静态资源目录（js, css, img）
    lintOnSave: false, //是否开启eslint
    devServer: {
        open: true, //是否自动弹出浏览器页面
        host: "localhost",
        port: '8080',
        https: false,
        hotOnly: false,
        // proxy: {
        //     '/api': {
        //         target: 'https://test.365msmk.com/api', //API服务器的地址
        //         ws: true, //代理websockets
        //         changeOrigin: true, // 虚拟的站点需要更管origin
        //         pathRewrite: { //重写路径 比如'/api/aaa/ccc'重写为'/aaa/ccc'
        //             '^/api': ''
        //         }
        //     }
        //     // 所以若是后端的API为 '/aaa/ccc'，
        //     // 我们需要在发请求时将路径设置为 '/api/aaa/ccc', 这样我们的请求才会被proxy代理到。
        // },
    },
    css: {
        loaderOptions: {
            postcss: {
                plugins: [
                    autoprefixer({
                        overrideBrowserslist: ['Android >= 4.0', 'iOS >= 7']
                    }),
                    pxtorem({
                        rootValue: 37.5,
                        propList: ['*'], // !不匹配属性（这里是字体相关属性不转换）
                        unitPrecision: 3, // 最小精度，小数点位数
                        minPixelValue: 2 // 替换的最小像素值
                    })
                ]
            }
        }
    }
    
}